<!DOCTYPE html><html><head>
<style type="text/css">

.glass-button
{
	border:1px solid #616261; 
	height: 58px;
	width: 250px;
	-webkit-border-radius: 25px; 
	-moz-border-radius: 25px;
	border-radius: 25px;
	font-family:arial, helvetica, sans-serif; 
	padding: 0px 5px; 5px; 5px;;
	text-shadow: -1px -1px 0 rgba(0,0,0,0.3);
	font-weight:bold; 
	text-align: center; 
	color: #FFFFFF; 
	background-color: #7d7e7d;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#7d7e7d), to(#0e0e0e));
	background-image: -webkit-linear-gradient(top, #7d7e7d, #0e0e0e);
	background-image: -moz-linear-gradient(top, #7d7e7d, #0e0e0e);
	background-image: -ms-linear-gradient(top, #7d7e7d, #0e0e0e);
	background-image: -o-linear-gradient(top, #7d7e7d, #0e0e0e);
	background-image: linear-gradient(to bottom, #7d7e7d, #0e0e0e);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#7d7e7d, endColorstr=#0e0e0e);
	cursor: pointer;
}

.glass-button:hover
{
	border:1px solid #4a4b4a; background-color: #646464;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#646464), top(#282828));
	background-image: -webkit-linear-gradient(top, #646464, #282828);
	background-image: -moz-linear-gradient(top, #646464, #282828);
	background-image: -ms-linear-gradient(top, #646464, #282828);
	background-image: -o-linear-gradient(top, #646464, #282828);
	background-image: linear-gradient(to bottom, #646464, #282828);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#646464, endColorstr=#282828);
}

.count
{
	border:1px solid #616261; 
	-webkit-border-radius: 50%; 
	-moz-border-radius: 50%;
	border-radius: 50%;
	padding: 20px 20px 5px 5px;
	background-color: #7d7e7d;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#7d7e7d), to(#0e0e0e));
	background-image: -webkit-linear-gradient(top, #7d7e7d, #0e0e0e);
	background-image: -moz-linear-gradient(top, #7d7e7d, #0e0e0e);
	background-image: -ms-linear-gradient(top, #7d7e7d, #0e0e0e);
	background-image: -o-linear-gradient(top, #7d7e7d, #0e0e0e);
	background-image: linear-gradient(to bottom, #7d7e7d, #0e0e0e);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#7d7e7d, endColorstr=#0e0e0e);
	height: 30px;
	width: 30px;
	text-align: center;
	-moz-box-shadow: inset 0 0 5px 5px #888;
	-webkit-box-shadow: inset 0 0 5px 5px#888;
	box-shadow: inset 0 0 5px 5px #888;
	font-size: 125%;
}

.text
{
	margin-top: -15%;
	margin-left: 35px;
	overflow: hidden;
	width: 200px;
	height: 20px;
	border-left: 1px;
	
}	

</style></head>
<body>

<form> 
	
	<div class="glass-button" value="PREVIEW BUTTON"> <div class="count"> &nbsp;100 </div> <div class="text">PREVIEW BUTTON  dhfghfhgfh</div> </div> 

</form>

</body>
</html>